<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车-努比亚官方网站</title>
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1702157_vxrkl4atpjj.css">
    <link rel="stylesheet" href="/css/shop.css">
</head>
<body>
    <header></header>
    <div class="content" id="content">
        
        <div class="nav main">
            <ul class="navlist">
                <li>
                    <h5>购物车</h5>
                    <p class ="first"></p>  
                </li>
                <li>
                    <h5>购物车</h5>
                    <p></p>  
                </li><li>
                    <h5>购物车</h5>
                    <p></p>  
                </li><li>
                    <h5>购物车</h5>
                    <p></p>  
                </li>
            </ul>  
        </div>
        <div class="con main">
            <div class="top">
                <input type="checkbox" id="allCheck">
                <span>商品清单</span>
            </div>
            <div id="addshop">

            </div>
             <script type="text/html" id="catashop"> 
               {{each card shop}}
                <div class="shop">
                    <div class="shopleft"  data-id="{{shop.id}}">
                        <input type="checkbox" class="checks" {{ shop.checked && 'checked' }} >
                        <img src="{{shop.imgs[0]}}" alt="">
                    </div>
                    <ul class="shopright" data-id="{{shop.id}}">
                        <li>{{shop.title}}</li>
                        <li><span>￥{{shop.price}}</span> </li>
                        <li class="input">
                            <div class="minus" id="minus" disabled>
                                <img src="/images/img2/minus.png" alt="">
                            </div>
                            <p id="p">{{shop.count}}</p>
                            <div class="add" id="add" >
                                <img src="/images/img2/add.png" alt="">
                            </div>
                        </li>
                        <li><b>￥{{(shop.price*shop.count).toFixed()}}</b></li>
                        <li id="del" style="cursor: pointer;">删除</li>
                    </ul>
                </div>
                 {{/each}}
                <div class="foot">
                    <li>已选择商品 <span id="shopNum">4</span></li>
                    <li>总价:<span id="allMoney">￥<b>9999</b></span></li>
                    <li><a href="">去结算</a></li>
                </div>
               
            </script>
        </div>
    </div>
    <div class="empty" id="empty">
        <div><i class="iconfont icon-gouwuche"></i></div>
        <p>您的购物车是空的</p>
        <h3><a href="/index.html">立即购买</a> </h3>
    </div>
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/shop"></script>
</body>
</html>